<template>
    <div>
        <div class="logo_div">
            <img src="@/assets/logo.png" class="logo"/>
        </div>
        <div class="form_box">
            <el-form ref="form" :model="form" label-width="80px">
                <el-form-item label="手机号">
                    <el-input v-model="form.utell"></el-input>
                </el-form-item>
                <el-form-item label="密码">
                    <el-input type="password" v-model="form.upwd"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="login_btn_div">
            <el-button type="primary" >登录</el-button>
            <el-button @click="toRegister">注册</el-button>
        </div>
    </div>
</template>
  
<script>
  
export default {
    components: {
      
    },
    data(){
      return{
        form: {
            utell: '',
            upwd:''
        }
      }
    },
    methods:{
        toRegister(){
            this.$router.push({
                path:'/register'
            })
        }
    }
}
</script>
  
<style scoped lang="scss">
    .logo_div{
        text-align: center;
    }
    .logo{
        width: 190px;
        margin-top: 15%;
    }
    .form_box{
        width: 80%;
        margin-left: 10%;
    }
    ::v-deep .el-form-item__label{
        text-align: left;
    }
    .login_btn_div{
        width: 80%;
        margin-left: 10%;
    }
    ::v-deep .el-button{
        width: 100%;
    }
    ::v-deep .el-button+.el-button{
        margin-left: 0;
        margin-top: 20px;
    }
</style>
  